<template>
  <div>
1233333==={{sum}}
  </div>
</template>

<script>
import {computed,reactive,ref} from  'vue'
export default {
  // computed:{
  //   total(){
  //     return 
  //   }
  // }

  setup () {
    //  computed  ====求和
    // var arr=[1,2,3,4,5]
    // const arr=reactive([1,2,3,4,5])

    // const  sum=computed(()=>{
    //   console.log(arr,8222);
    //   return arr.reduce((total,item)=>{
    //     return total+item
    //   },0)
    // })
    // console.log(sum,888);

     const arr=ref([1,2,3,4,5])
    const  sum=computed(()=>{
      console.log(arr,8222);
      return arr.value.reduce((total,item)=>{
        return total+item
      },0)
     //  return 123
    })
    console.log(sum,888);
    

    return {sum}
  }
}
</script>

<style lang="scss" scoped>

</style>